<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Edit Account</title>
        <style>
            @font-face
            {
                font-family: avant;
                src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
        </style>
        <script src="js/jquery/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="js/token/jquery.tokeninput.js"></script>   
    </head>


    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;">                

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <div style="width: 1020px; margin-top: 10px; margin: 0 auto;">

                    <br>

                    <h1>&nbsp;Edit Account</h1>
                    <hr>
                    <form>
                        <table cellpadding="5" cellspacing="5" style="background-color: #f7f7f7; width: 100%;">
                            <tr>
                                <td style="vertical-align: top;">
                                    <table cellpadding="5" cellspacing="5">                                        
                                        <tr>
                                            <td>Email:</td>
                                            <td>
                                                <input type="text" name="email" value="${model.user.email}" style="width:300px; padding: 5px;"/>
                                            </td>
                                        </tr>                                        
                                        <tr>
                                            <td>Password:</td>
                                            <td>
                                                <input type="password" name="password" value="${model.user.password}" style="width:300px; padding: 5px;"/>
                                            </td>
                                        </tr> 
                                    </table>
                                </td>
                                <td style="vertical-align: top; border-left: 1px solid #cacaca;">                                    
                                    <table cellpadding="5" cellspacing="5">
                                        <tr>
                                            <td>First Name:</td>
                                            <td><input type="text" name="firstName" value="${model.user.firstName}" style="width:400px; padding: 5px;"/></td>
                                        </tr>
                                        <tr>
                                            <td>Last Name:</td>
                                            <td><input type="text" name="lastName" value="${model.user.lastName}" style="width:400px; padding: 5px;"/></td>
                                        </tr>
                                        <tr>
                                            <td>Mobile:</td>
                                            <td>
                                                <input type="text" name="mobilePrimary" value="${model.user.mobilePrimary}" style="width:400px; padding: 5px;"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Landline:</td>
                                            <td>
                                                <input type="text" name="landlinePrimary" value="${model.user.landlinePrimary}" style="width:400px; padding: 5px;"/>
                                            </td>
                                        </tr>
                                    </table>   
                                </td>
                            </tr>                    
                            <tr>
                                <td></td>
                                <td align="right">
                                    <input type="submit" value="Save Changes" style="padding: 8px; width: 200px;"/>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input type="hidden" name="a" value="4" />
                                    <input type="hidden" name="s" value="1" />
                                    <input type="hidden" name="id" value="${model.user.id}" />
                                </td>
                            </tr>

                        </table>
                    </form>

                </div>

                <br><br>                

            </div>

            <div>
                <img src="${model.props.appPath}/img/footer-foot.jpg" style="border: 0px solid black; display: block; width: 100%;" />
            </div>

        </div>

    </body>

</html>
